<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <div class="header"></div>
     <main>
         <!-- 左盒子 -->
         <div class="left">
             <div class="zoom">
                <div class="pic">
                    <img src="" alt="">
                    <span class="mask"></span>
                </div>
                <ul class="ul1">
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>  
                </ul>
             </div>
            <div class="Box">
                <img src="" alt="">
            </div>
         </div>
         <!-- 右盒子 -->
         <div class="right">
            <!-- <p>拼接提花泡泡袖A字短裙牛仔连衣裙</p>
             <p>产品编号:</p>
             <span class="bian">132r4t456655</span>
             <div class="price">
                 <div class="up">
                     <span>价格</span>
                     <span>￥</span>
                     <span>437.56</span>
                 </div>
                 <div class="down">
                  <span>本店活动</span>
                  <span>满一件,包邮</span>
                 </div>
             </div>
             <div class="size">
                <span>尺码</span>
                <ul>
                    <li>XS</li>
                    <li>S</li>
                    <li>M</li>
                    <li>L</li>
                    <li>XL</li>
                </ul>
             </div>
             <div class="count">
                 <span class="cart">数量</span>
                 <div class="calCont">
                     <div class="buy">1</div>
                     <div class="nCart">
                         <span class="jia">+</span>
                         <span class="jian">-</span>
                     </div>
                 </div>
                 <div class="alive">
                     <span>库存:</span>
                     <span>50</span>
                     <span>件</span>
                 </div>
             </div>
             <div class="button">
                 <div class="btu1"><a href="../html/cart.html">加入购物车</a></div>
                 <div class="btu2"><a href="">立即购买</a></div>
             </div> -->
         </div>
     </main>
     <div class="details">
         <!-- <img src="../img/banner.jpg" alt=""> -->
        </div>
    <div class="footer"></div>
    <script src="../libs/jquery.min.js"></script>
    <script src="../libs/require.js" data-main="../js/details"></script>
    <script>
        $('.header').load('./header.html')
        $('.footer').load('./footer.html')
    </script>
</body>
</html>